<template>
	<uni-popup ref="popup" type="dialog">
		<uni-popup-dialog mode="input" :value="value" title="订单备注" message="成功消息" :duration="2000" :before-close="true" @close="close"
			@confirm="confirm"></uni-popup-dialog>
	</uni-popup>
</template>

<script>
	import uniPopup from "./uni-popup.vue"
	import uniPopupDialog from "./uni-popup-dialog.vue"
	export default {
		components: {
			uniPopup,
			uniPopupDialog
		},
		data() {
			return {
				index:'',
				value:''
			}
		},
		methods: {
			open(index,val) {
				console.log(val)
				this.$refs.popup.open()
				this.index = index
				this.value = val
			},
			/**
			 * 点击取消按钮触发
			 * @param {Object} done
			 */
			close(done) {
				// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 done 才会关闭对话框
				// ...
				done()
			},
			/**
			 * 点击确认按钮触发
			 * @param {Object} done
			 * @param {Object} value
			 */
			confirm(done, value) {
				// 输入框的值
				console.log(value)
				this.$emit("setInput",this.index,value)
				// TODO 做一些其他的事情，手动执行 done 才会关闭对话框
				// ...
				done()
			}
		}
	}
</script>

<style>

</style>
